/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/
*{margin:0; padding:0; font-size:14px;}

body{font-family:arial, helvetica, sans-serif !important; background:#fff; position: absolute; height: 100%; min-width: 100%;}
.wrapper{position: relative; min-height: 100%;}
a{color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}
p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}


#theme_header{height:76px; background: whiteSmoke;	border-bottom: 1px solid #E5E5E5; overflow: hidden; width:100%; text-align:center;}
#step{ height:60px;}
#step ol{ position: relative; margin: 0 0 45px; height: 13px; border-bottom: 1px solid #EBEBEB;}
#step  ol li { position: absolute;  display: inline-block;  height: 25px; width: 25px; border: 1px solid #ebebeb;  background: #fff; color: #666; line-height: 25px; text-align: center; font-weight: bold;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  }
#step ol li.step-1 {left: 0;}
#step ol li.step-2 {left: 230px;}
#step ol li.step-3 {left: 50%;}
#step ol li.step-4 {right: 220px;}
#step ol li.step-5 {right: 0;}
#step ol li.selected {color: #fff; background: #5F95EF; border: 0;}
#step h1{ text-align:right; color:#5F95EF; font-size:18px; line-height:40px; height:40px;}
#theme_page_container{width:950px; height:auto;	margin:0 auto; overflow:hidden; padding-bottom:30px;}
#theme_content{ position:relative; height:auto; overflow:hidden; margin:30px 0 0 0;}
#theme_left{width:360px; float:left; height:auto;}
#theme_right{ width:530px; float:right; height:600px;}
#theme_footer{ position:absolute; bottom:0px; height:30px; width:100%; background: whiteSmoke;	border-top: 1px solid #E5E5E5; overflow: hidden; margin:10px 0 0 0;}
#customForm{ background: whiteSmoke; border: 1px solid #E5E5E5; padding-top:10px !important; text-align:left !important;}
#customForm label{ text-align:left; color:#222 !important; font-size:12px; }
#customForm input[type="password"],#customForm input[type="text"]{ width:337px !important;
	background: white;
	border: 1px solid #D9D9D9 !important;
	border-top: 1px solid silver !important;
	-webkit-box-sizing: border-box !important ;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	border-radius: 1px !important;
}
#customForm div{ margin-bottom:5px !important;}
#customForm h1{ text-align:left; border-bottom: solid 1px #E5E5E5 !important; font-size:14px !important;}
#customForm input.error{ border: 1px solid #DD4B39 !important; background:#fff !important;}
#customForm div span.error{ color:#DD4B39 !important;}
#customForm div span{ text-align:left; display:block; margin:0px !important;}
#send{
	border: 1px solid #3079ed !important;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.1) !important;
	background-color: #4d90fe !important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed)) !important;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed) !important;
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed) !important;
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed) !important;
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed) !important;
	background-image: linear-gradient(top,#4d90fe,#4787ed) !important;
	width:80px !important;
	margin:0 0 0 250px !important; 
}
#send:hover{
	border: 1px solid #2f5bb7 !important;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.3) !important;
	background-color: #357ae8 !important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8)) !important;
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8) !important;
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8) !important;
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8) !important;
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8) !important;
	background-image: linear-gradient(top,#4d90fe,#357ae8) !important;
  }
.box{ width:530px; height:auto; margin: 0 0 20px 0; position:relative; overflow:hidden;}
.box p{ width:250px; color:#999; text-align:justify;}
.box h1{ width:250px; font-size:16px; color:#555; text-align:left;}
.box img{ float:left; margin:-130px 0 0 275px;}
.contact{background: whiteSmoke; border: 1px solid #E5E5E5; width:508px; padding:10px; margin:44px 0 0 0;}
.contact p{ text-align:left !important; width:508px; padding:0px;}
span.z-menuitem-title, .z-menu, .pn-module-Users h2, div.z-formbuttons button img{ display:none;}
.pn-module-Users fieldset{ text-align:left;}
.z-form div.z-formrow .z-label, .z-form div.z-formrow label{ text-align:left !important; color:#999 !important;}
.z-form fieldset{ position: inherit !important; height:226px;}
.z-form{ position:relative !important;}
.z-formbuttons{ position:absolute; right: 10px; top: 206px;}
.z-form legend{ color:#555 !important;}
div.z-formbuttons button{ background:url(../images/login.png) !important; width:80px !important; height:30px !important;}
.z-formrow input[type="password"],.z-formrow  input[type="text"]{ width:320px !important;}
#customForm textarea{ width:440px !important; }
#theme{ width:163px; height:200px; position:relative; float:left; margin:0 27px 0px 0px;}




















/**************** Misc classes and styles ****************/

.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

/* images */
img {
border:none;
}

.theme_box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

#news_articlecontent	{} /*open to design ideas*/
.news_title		{} /*open to design ideas*/
#news_editlinks		{} /*open to design ideas*/
#news_editlinks_ajax	{} /*open to design ideas*/
.news_meta		{} /*open to design ideas*/
#news_topic		{} /*open to design ideas*/
#news_body		{} /*open to design ideas*/
.news_body		{} /*open to design ideas*/
#news_notes		{} /*open to design ideas*/
#news_modify		{} /*open to design ideas*/

/* Table styles based on style from the css table gallery 
   STYLESHEET: CLEAR BLUE, AUTHOR: ROBERT HARTL */

table.pn-datatable {
	width:100%;
	line-height:1.2em;
	background-color:#fff;
	border-collapse:collapse;
	text-align:left;
	letter-spacing:.1em;
	margin-bottom:1em;
}

table.pn-datatable caption {
	padding-bottom:1em;
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing:.6em;
	color: #333;
	background: transparent;
}
  
table.pn-datatable thead th, table.pn-datatable tfoot th, table.pn-datatable tfoot td {
	border-right: 1px solid #fff;
	padding-left:5px;
	font-variant:small-caps;
	letter-spacing:0.1em;
	color: #fff;
	background: #a0a0a0;
}
  
table.pn-datatable tfoot th, table.pn-datatable tfoot td {
	border-top: 2pt double #009;
}

table.pn-datatable td, table.pn-datatable th {
	padding:4px;
}

table.pn-datatable tbody tr th, table.pn-datatable tbody tr td {
	border-bottom: 1px dotted #467aa7;
}

table.pn-datatable tbody tr:hover td, table.pn-datatable tbody tr:hover th {
	border-bottom: 1px solid #467aa7;
}

table.pn-datatable tbody td a, table.pn-datatable tbody th a {
	background: transparent;
	text-decoration: none;
	border:none;
}

table.pn-datatable tbody td a:hover, table.pn-datatable tbody th a:hover {
	background: transparent;
}

table.pn-datatable .odd {
	background: #e3e3f4;
}

table.pn-datatable tbody tr:hover {
	color: #333;
	background: #e8eaec;
}

table.pn-datatable tbody tr th:hover {
	background:#fff;
}
